<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动发布</title>
  <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
    <script src="/static/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/static/layui/css/layui.css">

    <link rel="stylesheet" type="text/css" href="/static/css/submit.css"/>

    <style>
        body {
            font-size: 26px;
            background-image: url("/static/img/bg.jpg");
        }
        table{
                background-color: white;
                border:none;
                border-radius: 30px;
        }

        .t2{
            z-index: 100000;

        }
        input::placeholder{
		color:#969696;
	}
        .little_topic{
            font-size:18px;text-align: left;padding-left:30px;
            font-weight: bolder;
        }
    </style>

</head>
<body>
<div class="container">
    <div class="t2">

        <form class="layui-form" method="post" action = "select">
            <table border="0" style=" border:1px solid #000000;" cellpadding="0" cellspacing="1" >

                <tr>
                    <td style = "padding-top:30px;">容积率</td>
                    <td colspan="3" style = "padding-top:30px;"><input type="text" name="rate" lay-verify="rate|number"
                               class="layui-input"/></td>
                </tr>
                 <tr>
                    <td>建筑密度</td>
                    <td colspan="3"><input type="text" name="density" lay-verify=""
                               class="layui-input"/></td>
                </tr>
                <tr>
                    <td>最低光照时长</td>
                    <td colspan="3"><input type="text" name="sun" lay-verify=""
                               class="layui-input"/></td>
                </tr>
                 <tr>
                    <td>限制高度</td>
                    <td colspan="3"><input type="text" name="limh" lay-verify=""
                               class="layui-input"/></td>
                </tr>


                    <tr>
                    <td>退线距离</td>
                    <td colspan="3"><input type="text" name="retreat" lay-verify="retreat|number"
                               class="layui-input"/></td>
                     </tr>

                 <tr class="layui-form-item">
                    <td>出入口：</td>
               <td colspan="3">
               <input type="checkbox" name="gate[n]" title="北" checked="">
                  <input type="checkbox" name="gate[s]" title="南">
                       <input type="checkbox" name="gate[w]" title="西">
                    <input type="checkbox" name="gate[e]" title="东">
                    </td>
                 </tr>


<!--                <tr>-->
<!--                   <td colspan="4"  class = "little_topic" style = "padding-top:40px;">房型1配置</td>-->
<!--                </tr>-->

<!--                <tr>-->
<!--                    <td>-->
<!--                         <div class="layui-input-inline">-->
<!--      <select name="room1">-->
<!--        <option value="">卧室数</option>-->
<!--        <option value="1">2室</option>-->
<!--        <option value="2">3室</option>-->
<!--        <option value="3">4室</option>-->
<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--    <div class="layui-input-inline">-->
<!--      <select name="cham1">-->
<!--        <option value="">厅数</option>-->
<!--        <option value="1">1厅</option>-->
<!--        <option value="2">2厅</option>-->
<!--        <option value="3">3厅</option>-->

<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        <div class="layui-input-inline">-->
<!--      <select name="wc1">-->
<!--        <option value="">卫数</option>-->
<!--        <option value="1">1卫</option>-->
<!--        <option value="2">2卫</option>-->

<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        <input type="text" name="num1" lay-verify="" placeholder="房型1配比"-->
<!--                               class="layui-input"/>-->
<!--                    </td>-->
<!--                </tr>-->

<!--                 <tr>-->
<!--                   <td colspan="4" class = "little_topic">房型1配比</td>-->
<!--                </tr>-->


<!--                         <tr>-->
<!--                    <td>-->
<!--                         <div class="layui-input-inline">-->
<!--      <select name="room2">-->
<!--        <option value="">卧室数</option>-->
<!--        <option value="1">2</option>-->
<!--        <option value="2">3</option>-->
<!--        <option value="3">4</option>-->
<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--    <div class="layui-input-inline">-->
<!--      <select name="cham2">-->
<!--        <option value="">厅数</option>-->
<!--        <option value="1">1</option>-->
<!--        <option value="2">2</option>-->
<!--        <option value="3">3</option>-->
<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        <div class="layui-input-inline">-->
<!--      <select name="wc2">-->
<!--        <option value="">卫数</option>-->
<!--        <option value="1">1</option>-->
<!--        <option value="2">2</option>-->

<!--      </select>-->
<!--    </div>-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        <input type="text" name="num2" lay-verify="" placeholder="房型2数量"-->
<!--                               class="layui-input"/>-->
<!--                    </td>-->
<!--                </tr>-->
                   <tr>
                    <td colspan="2">

                                <button class="layui-btn" lay-submit="" lay-filter="formdata">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>

                    </td>
                </tr>
            </table>

        </form>

    </div>
</div>
<script language="javascript" src="/static/js/Submit.js"></script>
<script type="text/javascript">
        window.onbeforeunload = function (e) {//重新加载时清空后台缓存数据
            e = e || window.event;
            //ForIEandFirefoxpriortoversion4
            if (e) {
                reImgList();
            }
            reImgList();
            return '确定退出吗？';
        };

        //
        // layui.use('form', function () {
        //     var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        //
        //     //……
        //
        //     //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //     //因此你需要在相应的地方，执行下述方法来进行渲染
        //     form.render();
        // });
             layui.use('form', function() {
                 var form = layui.form;

                 form.verify({
                     rate: [/[\S]+/, "容积率不能为空"],
             retreat: [/[\S]+/, "退线距离不能为空"],
                     money: function (e) {
                         if (!e || isNaN(e)) return "只能填写数字"
                     }
                 });
             });

</script>



</body>
</html>